import React from 'react'
import { Row, Col, Image } from 'antd';
import inLine from "../../icon/在线.png"

export default function ConentHeader() {
  const style = {
    background: 'white',
    padding: '15px',
    borderRadius: "5px",
    display: "flex"
  };
  return (
    <div>
      <Row gutter={16}>
        <Col className="gutter-row" span={8}>
          <div style={style}>
            <div style={{ flex: "1 1 120px", textAlign: "left", padding: "3px 0 0 0" }}>
              <Image src={inLine} style={{ height: "55px", width: "55px", margin: "0 15px 0 0" }} />
              <b>资料总数</b>
            </div>
            <div style={{ flex: "1 1 200px", textAlign: "right", lineHeight: "58px" }}>
              <span style={{ fontWeight: "bold" }}>
                <span style={{ fontSize: '30px' }}>0</span>
                个</span>
            </div>

          </div>
        </Col>
        <Col className="gutter-row" span={8}>
          <div style={style}>
            <div style={{ flex: "1 1 120px", textAlign: "left", padding: "3px 0 0 0" }}>
              <Image src={inLine} style={{ height: "55px", width: "55px", margin: "0 15px 0 0" }} />
              <b>资料大小</b>
            </div>
            <div style={{ flex: "1 1 200px", textAlign: "right", lineHeight: "58px" }}>
              <span style={{ fontWeight: "bold" }}>
                <span style={{ fontSize: '30px' }}>0</span>
                MB</span>
            </div>

          </div>
        </Col>
        <Col className="gutter-row" span={8}>
          <div style={style}>
            <div style={{ flex: "1 1 120px", textAlign: "left", padding: "3px 0 0 0" }}>
              <Image src={inLine} style={{ height: "55px", width: "55px", margin: "0 15px 0 0" }} />
              <b>下载次数</b>
            </div>
            <div style={{ flex: "1 1 200px", textAlign: "right", lineHeight: "58px" }}>
              <span style={{ fontWeight: "bold" }}>
                <span style={{ fontSize: '30px' }}>0</span>
                次</span>
            </div>

          </div>
        </Col>
      </Row>
    </div >
  )
}
